<template>
  <div>
    <div class="overall-table-surround">
      <div class="overall-table-surround-options">
        <div class="overall-table-surround-options-left">
          <template v-if="userSecretList.length">
            <el-button size="mini" plain type="warning" icon="el-icon-refresh"
              >全选</el-button
            >
            <el-button size="mini" plain type="danger" icon="el-icon-refresh"
              >批量删除</el-button
            >
          </template>
        </div>
        <div class="overall-table-surround-options-right">
          <el-button
            size="mini"
            type="primary"
            icon="el-icon-plus"
            @click="clickAddRole"
            >添加新角色</el-button
          >
        </div>
      </div>
      <template v-if="userSecretList.length">
        <div class="overall-table-surround-table">
          <el-table :data="userSecretList">
            <el-table-column prop="token" label="角色"> </el-table-column>
            <el-table-column prop="active_name" label="获取时间">
            </el-table-column>
            <el-table-column prop="active_date" label="状态"> </el-table-column>
          </el-table>
        </div>
      </template>
      <template v-else>
        <el-empty description="暂无记录"></el-empty>
      </template>
    </div>
  </div>
</template>

<script>
// import ManageAPI from "@/api/manage";
export default {
  data() {
    return {
      userid: null,
      userSecretList: [],
    };
  },
  created() {
    let { userid } = this.$route.query;
    this.userid = userid;
    this.getUserActive();
  },
  methods: {
    getUserActive() {},
  },
};
</script>

<style></style>
